<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>error</title>
		<base target="_self">
		<style>
			body,html{
				width: 100%;
				height: 100%;
				background:url('http://i88.hinews.cn/140108/xyh_20140108105902580.gif') repeat ;
			}
			.box{
				position: absolute;
				top:0;
				right: 0;
				bottom: 0;
				left: 0;
				margin:auto;				
				width: 50%;
				height: 100px;
				padding: 15px;
				line-height: 100px;
				text-align:center;
				box-shadow: 1px 1px 10px green;
				font-size: 18px;
				color:blue;
				letter-spacing: 3px
				z-index:99;
				background-color: #fff;
			}
			.box > mark{
				font-size: 26px;
				font-weight: bold;
				color:rgba(255,0,0,.7);
				margin:0 5px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			页面跳转中<mark>5</mark>s,请稍等...
		</div>	
		<script>
			(function () {
				var ss = document.querySelectorAll('.box > mark')[0];	
				var timer = null;
				var address=window.location.href;
		        var hostport=document.location.host;
		        //console.log(hostport);

				timer = setInterval(function(){
					var time = +ss.innerText;
					time--;
					ss.innerText = time;
					if(time<=0){
						clearInterval(timer);
						window.location.href = 'http://' +hostport;
					}
				}, 1000);
			})();
		</script>
	</body>
	</html>	